<template>
  <div class="photoInfo_container">
    <h1 class="title">bioti</h1>
    <p class="subTitle">
      <span>发表时间：2019-12-30 12:34:35</span>
      <span>点击: 2次</span>
    </p>
    <hr>
    <!-- 缩略图位置 -->
    <vue-preview :slides="slide1" @close="handleClose" tag="li"></vue-preview>
    <!-- 图片内容区域 -->

    <!-- 评论组件 -->
    <comment-box></comment-box>
  </div>
</template>

<script>
import content from "../subComponent/content.vue";
export default {
  data() {
    return {
      slide1: [
          {
            src: 'https://placekitten.com/600/400',
            msrc: 'https://placekitten.com/600/400',
            alt: 'picture1',
            title: 'Image Caption 1',
            w: 600,
            h: 400
          },
          {
            src: 'http://www.jituwang.com/uploads/allimg/151105/258117-15110510253542.jpg',
            msrc: 'http://www.jituwang.com/uploads/allimg/151105/258117-15110510253542.jpg',
            alt: 'picture2',
            title: 'Image Caption 2',
            w: 1200,
            h: 900
          },
          {
            src: 'https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1555951441881&di=756ce3edc896c3419da8aef7cf6b614b&imgtype=0&src=http%3A%2F%2Fwww.xiangshu.com%2FUploadFiles%2FDay_170711%2F52_137171_15e651e1a3ae163.jpg',
            msrc: 'https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1555951441881&di=756ce3edc896c3419da8aef7cf6b614b&imgtype=0&src=http%3A%2F%2Fwww.xiangshu.com%2FUploadFiles%2FDay_170711%2F52_137171_15e651e1a3ae163.jpg',
            alt: 'picture2',
            title: 'Image Caption 2',
            w: 1200,
            h: 900
          },
          {
            src: 'https://desk-fd.zol-img.com.cn/t_s960x600c5/g4/M07/06/05/Cg-4y1TcgwGIcCW6ADOtF-oxuF8AAUn6wNDA_AAM60v722.jpg',
            msrc: 'https://desk-fd.zol-img.com.cn/t_s960x600c5/g4/M07/06/05/Cg-4y1TcgwGIcCW6ADOtF-oxuF8AAUn6wNDA_AAM60v722.jpg',
            alt: 'picture2',
            title: 'Image Caption 2',
            w: 1200,
            h: 900
          },
          {
            src: 'https://desk-fd.zol-img.com.cn/t_s960x600c5/g5/M00/02/09/ChMkJ1bKzeqILq88AB-K6XJ2vRYAALJFgGT9iQAH4sB267.jpg',
            msrc: 'https://desk-fd.zol-img.com.cn/t_s960x600c5/g5/M00/02/09/ChMkJ1bKzeqILq88AB-K6XJ2vRYAALJFgGT9iQAH4sB267.jpg',
            alt: 'picture2',
            title: 'Image Caption 2',
            w: 1200,
            h: 900
          }
        ]
      
    };
  },
  components: {
    "comment-box": content
  }
};
</script>

<style lang="less">
.photoInfo_container {
  padding: 10px 2px;
  .title {
    font-size: 20px;
    color: rgb(117, 117, 241);
    text-align: center;
  }
  .subTitle {
    font-size: 13px;
    color: gray;
    display: flex;
    justify-content: space-between;
  }
  
  img {
      width:100%
  }
}
</style>
